/*
 *  PAGE: WHAT WE DO / WORK
 *  Landing page to see examples of past projects
 *
 */

.page-work {
  background-color: $lightGrey;

  .hero {
    @include page-background-colour(work);

    .rimage {
      max-width: 600px;
      opacity: .7;
    }

    .down-indicator {
      z-index: 2;
    }
  }

  .hero + .single-column {
    background: $offWhite;
  }

  .single-column .content {
    text-align: left;
  }

  @media screen and (min-width: $bp-medium) {
    .card-list {
      margin-top: 0px;
      padding-top: 100px;
    }
  }

}
